<template  >
  <dl class="box" @click="Headerclick">
    <dt>
      <img :src="v.url" alt="" v-lazy="v.url" />
    </dt>
    <dd>
      <h3>{{ v.title }}</h3>
      <p>{{ v.price }}</p>
    </dd>
  </dl>
</template>

<script>

export default {
  name: "homebox",
  props: {
    v: Object,
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {
      Headerclick(){
          this.$emit('headClick')
      }
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 50%;
  padding: 10px;
  dt {
    width: 100%;
    img {
      width: 100%;
    }
  }
  dd {
    text-align: center;
  }
}
</style>